<template>
	<view class="list">
		<view class="content">
			
			
			
			<view class="box">
				
				<view class="order">
					<text>订单编号:77255251659825615623</text>
				</view>
				
				<view class="line1">
					
				</view>
				
				
				<image :src="img" class="img" mode=""></image>
				
				
				<view class="gname">
					<text>{{gname}}</text>
				</view>
				
				<view class="unit">
					<text>{{unit_name}}</text>
				</view>
				
				<view class="line2">
					
				</view>
				
				
			</view>
			
				
			
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				img:'',
				gname:'',
				unit_name:''
			};
		},
		onShow() {
			try {
			    const value = uni.getStorageSync('key');
			    if (value) {
			        console.log(value);
					// this.list=value
					this.img=value.cover_img
					this.gname=value.gname
					this.unit_name=value.unit_name
			    }
			} catch (e) {
			    // error
			}
		}
	}
</script>

<style lang="scss" scoped>
	.list{
		width: 100%;
		height: 800px;
		background-color:#f1ece7 ;
		overflow: hidden;
	}
.box{
	width: 350px;
	height: 250px;
	margin-left: 10px;
	margin-top: 20px;
	 background-color: #fff;
	 border-radius: 15px;
	
}
.img{
	width: 80px;
	height: 80px;
	margin-left: 50px;
	margin-top: 40px;
	
}
.order{
	// color: #8c8c8c;
	margin-left: 50px;
	margin-top: 30px;
	margin-bottom: 20px;
	overflow: hidden;
	text{
		position: absolute;
		top: 40px;
		
	}
}
.line1{
	width: 280px;
	height: 1px;
	background-color: #c0c0c0;
	margin-top: 50px;
	margin-left: 40px;
}
.line2{
	width: 280px;
	height: 0.5px;
	background-color: #c0c0c0;
	margin-top: 50px;
	margin-left: 40px;
}
.gname{
	margin-left: 150px;
	margin-top: -80px;
}
.unit{
	margin-left: 150px;
	margin-top: 10px;
	color: #8c8c8c;
}
</style>
